#ForeProfile{
  height: 88vh;
  background: #f4f5f5;
  display: flex;
  justify-content: center;
  padding-bottom: 20px;

  .ForeProfile-body{
    width: 80%;
  }
  .ForeProfile-body-head{
    height: 7vh;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding-left:30px;
    color: #afafaf;
    background: #ffffff;
    font-size: 14px;
  }
  .ForeProfile-body-head > div:nth-child(1):hover{
    color: #007fff;
  }
  .ForeProfile-body-head > div{
    flex: 3;
    height: 100%;
  }
  .ForeProfile-body-head > div:nth-child(1){
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
  }


  .ForeProfile-content{
    height: 80vh;
    margin: 20px 0;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
  }

  .ForeProfile-content-left{
    flex: 1;
    margin-right: 20px;
    background: #ffffff;

    .el-menu .el-menu-item{
      //display: flex;
      //flex-direction: column;
      //justify-content: center;
      //align-items: center;
      margin-left: 30px;
      width: 80%;
    }
  }
  .ForeProfile-content-right{
    flex: 4;
    background: #ffffff;
  }
}
